
/********************************************************/
/* CORPORATE STYLE SHEET       							*/
/* V2.0			                        				*/
/* Created	 04/19/2004					       			*/
/* Last Modified 05/24/2004								*/
/* 			       										*/
/*														*/
/* Modified												*/
/* ---------------------------------------------------- */
/* 05/24/2004	b06tja									*/
/* 		updated evenRow color							*/
/* ---------------------------------------------------- */
/* 05/04/2004	b06tja									*/
/*		added classes for wizard controls				*/
/* ---------------------------------------------------- */
/* 04/19/2004	b06tja									*/
/* 		created new css for new standards				*/
/********************************************************/




/******************************************************************************/
/* General styles                                                             */
/******************************************************************************/
body { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: x-small;
    background-color: #FFFFFF;
    margin: 0;
}
iframe {
    position: relative;
}
table, tr, select, input, form, li, p, textarea {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
}
pre {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: x-small;
}
a, .fdsLink, a:active, .fdsLink:active {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    color: #808CA2;
}
a:visited, .fdsLink:visited { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    color: #6699CC;
}
a:hover, .fdsLink:hover { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    color: #003399;
}
a.darkBg, a.darkBg:active {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    color: #C4CFE1;
}
a.darkBg:visited { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    color: #B6BAC0;
}
a.darkBg:hover { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    color: #FFFFCC;
}
ul { 
    font-family: Arial, Helvetica, sans-serif;
}


/******************************************************************************/
/* FDS GLOBAL CLASSES                                                         */
/******************************************************************************/


/****************/
/* GREETING		*/
/****************/
.fdsGreeting {
    color: #FFFFFF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    vertical-align: middle;
    padding-top:1px;
}


/*****************************/
/* BANNER BAR CLASSES        */
/*****************************/

/* BANNER BAR --> Houses the logo, hello message, and logout button */
.fdsBannerBar {
    background-color: #808CA2;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    color: #ffffff;
    border-bottom: 1px solid #363B45;
}
.fdsBannerBarIcon {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    background-color: #B9C2BB;
    color: #ffffff; 
    padding: 0px 0px;
    margin: 0px;        
}
/* Link color for the text on the tool bar */
.fdsBannerBarLink, .fdsBannerBarLink:visited, .fdsBannerBarLink:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    color:#ffffff;
    text-decoration: none;
}
.fdsBannerBarSepBottom {
	background-color: #737E91;
	border-bottom: 1px solid #363B45;
}
.fdsUtilities {
    color: #FFFFFF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
    vertical-align: middle;
    font-variant: small-caps;
}
.fdsUtilitiesLink, .fdsUtilitiesLink:visited, .fdsUtilitiesLink:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #C4CFE1;
    vertical-align: middle;
    font-size: 9px;
    font-variant: small-caps;
    text-decoration: none;
}
.fdsSelectedUtilityLink, .fdsSelectedUtilityLink:visited, .fdsSelectedUtilityLink:hover {
    color: #FFFFFF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    vertical-align: middle;
    font-variant:small-caps;
    text-decoration:none;
}


/***********************************************/
/* PRIMARY NAVIGATION CLASSES                  */
/***********************************************/
.fdsSelectedPrimary, .fdsSelectedPrimary:visited, .fdsSelectedPrimary:hover, .fdsSelectedPrimary:active {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11.5px;
    font-weight: bold;
    color: #ffffff;
    background-color: #354560;
    text-decoration: none;
    padding: 2px 4px;
    margin: 0px;      
}
/* Link in Selected Primart tab*/
.fdsSelectedPrimaryLink, .fdsSelectedPrimaryLink:visited, .fdsSelectedPrimaryLink:hover, .fdsSelectedPrimaryLink:active {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11.5px;
    font-weight: bold;
    color: #ffffff;
    background-color: #354560;
    text-decoration: none; 
}
/* Unselected tabs on Primary bar */
.fdsUnSelectedPrimary, .fdsUnSelectedPrimary:visited, .fdsUnSelectedPrimary:hover, .fdsUnSelectedPrimary:active {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:11.5px;
    color: #354560;
    background-color: #C4CFE1;
    border-top: 1px solid #354560;
    border-bottom: 1px solid #354560;
    border-left: 1px solid #354560;
    border-right: 1px solid #354560;
    padding: 2px 4px;
    margin: 0px;        
}
/* Link in Unselected tabs on Primary bar */
.fdsUnSelectedPrimaryLink, .fdsUnSelectedPrimaryLink:visited, .fdsUnSelectedPrimaryLink:hover, .fdsUnSelectedPrimaryLink:active {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11.5px;
    color: #000000;
    background-color: #C4CFE1;
    text-decoration: none;
}
/* Unselected tabs on Primary bar */
.fdsUnSelectedPrimaryNoBorder, .fdsUnSelectedPrimaryNoBorder:visited, .fdsUnSelectedPrimaryNoBorder:hover, .fdsUnSelectedPrimaryNoBorder:active {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:11.5px;
    color: #354560;
    background-color: #C4CFE1;
    border-top: 1px solid #354560;
    border-bottom: none;
    border-left: 1px solid #354560;
    border-right: 1px solid #354560;
    padding: 2px 4px;
    margin: 0px;    
}
/* Primary Tab Description Bar Selected */
.fdsSelectedPrimaryDescBar {
	background-color: #354560;
}
/* Primary Tab Description Bar Un-Selected */
.fdsUnSelectedPrimaryDescBar {
	background-color: #C4CFE1;
}
/* Primary Tab Description Bar Selected (Text) */
.fdsSelectedPrimaryDesc {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #ffffff;
}
/* Primary Tab Description Bar Un-Selected (Un-selected) */
.fdsUnSelectedPrimaryDesc {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #354560;
}
/* Used for the background of the branding logo / primary navigation area */
.fdsCenterArea {
	background-image: url("../images/banner_gradient.gif");
}
/* Used for creating a blank space (w/bottom border) between primary & tertiary navigation tabs */
.fdsBlankPlace {
	border-bottom: 1px solid #354560;
}


/***********************************************/
/* SECONDARY NAVIGATION CLASSES                */
/***********************************************/

/* Top level node in the tree navigation control */
.fdsNavLevel1 {
    font-weight: bold;
}
/* Selected node in the tree navigation control  */
.fdsNavSelectedNode, .fdsNavSelectedNode:visited, .fdsNavSelectedNode:hover, .fdsNavSelectedNode:active {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff; 
    background-color: #495571;
    text-decoration: none;
}
/* Unselected node in the tree navigation control  */
.fdsNavUnSelectedNode, .fdsNavUnSelectedNode:visited, .fdsNavUnSelectedNode:active {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    background-color: #354560;
    text-decoration: none;
}
/* Unselected node in the tree navigation control  */
.fdsNavUnSelectedNode:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    background-color: #354560;
    text-decoration: underline;
}
/* Selected node in the tree navigation control */
.fdsNavSelectedMenuGroup,.fdsNavSelectedMenuGroup:visited, .fdsNavSelectedMenuGroup:active {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #C4CFE1;
    background-color: #495571;
    text-decoration: none;
}
/* Selected node in the tree navigation control */
.fdsNavSelectedMenuGroup:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #C4CFE1;
    background-color: #495571;
    text-decoration: underline;
}


/***********************************/
/* Tertiary Navigation Tabs        */
/***********************************/

/* Link in Selected tab on Tertiary bar */
.fdsTertiarySelectedTabLink, .fdsTertiarySelectedTabLink:visited, .fdsTertiarySelectedTabLink:hover, .fdsTertiarySelectedTabLink:active {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11.5px;
    font-weight: bold;
    color: #000000;
    background-color: #E8E7D7;
    text-decoration: none;
    white-space: nowrap; 
}
/* Selected tab on Tertiary bar */
.fdsTertiarySelectedTab, .fdsTertiarySelectedTab:visited, .fdsTertiarySelectedTab:hover, .fdsTertiarySelectedTab:active {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11.5px;
    color: #ffffff;
    background-color: #E8E7D7;
    border-top: 1px solid #354560;
    border-left: 1px solid #354560;
    border-right: 1px solid #354560;
    text-decoration: none;
    padding: 2px 4px;
    margin: 0px;
    white-space: nowrap;      
}
/* Link in Unselected tabs on Tertiary bar */
.fdsTertiaryUnSelectedTabLink, .fdsTertiaryUnSelectedTabLink:visited, .fdsTertiaryUnSelectedTabLink:hover, .fdsTertiaryUnSelectedTabLink:active {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11.5px;
    color: #000000;
    background-color: #B7B594;
    text-decoration: none;
    white-space: nowrap;
}
/* Unselected tabs on Tertiary bar */
.fdsTertiaryUnSelectedTab, .fdsTertiaryUnSelectedTab:visited, .fdsTertiaryUnSelectedTab:hover, .fdsTertiaryUnSelectedTab:active {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:11.5px;
    color: #000000;
    /*color: #66655A;*/
    background-color: #B7B594;
    border-top: 1px solid #354560;
    border-bottom: 1px solid #354560;
    border-left: 1px solid #354560;
    border-right: 1px solid #354560;
    padding: 2px 4px;
    margin: 0px;
    white-space: nowrap;
        
}
/* Tertiary content area rerlated to a tertiary tab */
.fdsTertiaryWorkArea {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    color: #000000;
    background-color: #E8E7D7;
    border-bottom: 1px solid #354560;
    border-left: 1px solid #354560;
    border-right: 1px solid #354560;
    padding: 2px 4px;
    margin: 0px;        
}


/***********************************************/
/* TOOLBAR CLASSES                             */
/***********************************************/

/* Application Name located in the toolbar area */
.fdsApplicationName {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11.5px;
    font-weight: bold;
    vertical-align: middle;
    padding-top:1px;
}
/* Toolbar under primary tab description containing app name, quicklinks, print, help, etc */
.fdsToolBar {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    margin: 0px;
    padding:0px 0px;
    border-top:1px solid black;
    border-bottom:1px solid black;   
    background-image: url("../images/toolbar_gradient.gif");
}
.fdsToolBarButton {
    background-color:#666667;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    border:1px solid black;
    font-size:10px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;	
    cursor:hand;
}
/* Bar under border containing the page group dropdown and login, etc. buttons */
.fdsToolBarIcon {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    padding: 2px 3px 0px 3px;
    margin: 0px;
}
.fdsToolBarInput {
    width:140px;
    height:17px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
    color:#000000;
}
/* Link color for the text on the tool bar */
.fdsToolBarLink, .fdsToolBarLink:visited, .fdsToolBarLink:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    text-decoration: none;
}
/* Toolbar containing application name, help, buttons, etc */
.fdsToolBarTextDark {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    padding: 2px 3px 0px 3px;
    margin: 0px;
}
/* Bar under border containing the page group dropdown and login, etc. buttons */
.fdsToolBarTextLight {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
    color: #ffffff;
    padding: 2px 3px 0px 3px;
    margin: 0px;
}


/********************************************/
/* Table Row definitions for table headers  */
/********************************************/

/** previous name  - tr.tableHeadBlue**/
tr.tableHead {
    font-weight: bold; 
    font-size:x-small; 
    color: #ffffff; 
    background-color: #354560;
    padding:2px;
}
td.tableHead {
    font-weight: bold; 
    font-size:x-small; 
    color: #ffffff; 
    background-color: #354560;
    padding:2px;
}
/** previous name  - tr.tableHeadGrey**/
tr.tableHeadAlt1 {
    font-weight: bold; 
    font-size:x-small; 
    color: #ffffff; 
    background-color: #66655A;
    padding:2px;
}
/** previous name  - tr.tableHeadBlueGrey**/
tr.tableHeadAlt2 {
    font-weight: bold; 
    font-size:x-small; 
    color: #ffffff; 
    background-color: #808CA2;
    padding:2px;
}
/* Table Rows for alternating grid colors */
tr.oddRow {
    background-color: #ffffff;
}
/** previous name  - tr.evenRowBlue **/
tr.evenRow {
    background-color: #E4ECF9;
}
/** previous name  - tr.evenRowGrey **/
tr.evenRowAlt1 {
    background-color: #EEEEEE;
}
/** previous name  - tr.evenRowBlueGrey **/
tr.evenRowAlt2 {
    background-color: #C7C7CA;
}
/* Used to align ID's, Dates, etc. All fixed length values in a data grid*/
.gridValueFixedLength {
    text-align: center;
}
/* Used to align Qty, Dollars. etc. This class is used to align data grid cells. */
.gridValueQtyCurrency {
    text-align: right;
}
/* Used to align Qty, Dollars. etc. This class is used to align data grid cells. */
tr.gridValueTotalRow td {
    border-top:1px solid black;
    border-bottom:2px solid black;   
}
td.gridValueTotalCell {
    text-align: right;
}


/*************************************************/
/* FIELDS, LABELS, INSTRUCTIONS, REQUIRED FIELDS */
/*************************************************/
.pageHeader {
    font-size: small;
    font-weight: bold;
}
/* h1 can be used in place of .pageHeader */
h1 {
    font-size: small;
    font-weight: bold;
}
.sectionHeader {
    font-size: x-small;
    font-weight: bold;
}
/* h3 can be used in place of .sectionHeader */
h3 {
    font-size: x-small;
    font-weight: bold;
}
.fieldLabelAbove
{
    text-align: left;
    font-size: 11px;
    font-weight: bold;
}
.fieldLabelBeside
{
    text-align: right;
    font-size: 11px; 
    font-weight: bold;
}
.required
{
    font-size:xx-small;
    color: #963200;
}
.errorText
{
	font-size: xx-small;
	color: #963200;	
}
.instructions
{
    font-size: xx-small;
    font-family: Arial;
    color: black;
}

/* This class is required because xx-small Arial will not display bold */
.fdsBold {
    font-weight:bold;
    font-size:11px;
}


/***********************/
/* INPUT BUTTONS       */
/***********************/
input.primaryBtn{
    color: white;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:x-small;
    background-color: #963200;
    border:1px solid;
    border-top-color: black;
    border-left-color: black;
    border-right-color:black;
    border-bottom-color:black;
}
input.primaryDisabledBtn{
    color: 808CA2;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: x-small;
    background-color: #ABA6A6;
    border: 1px solid;
    border-top-color:   #696868;
    border-left-color:  #696868;
    border-right-color: #696868;
    border-bottom-color:#696868;
}
input.secondaryBtn{
    color: white;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    background-color: #354560;
    border:1px solid;
    border-top-color: black;
    border-left-color: black;
    border-right-color:black;
    border-bottom-color:black;
}
input.tertiaryBtn{
    color: white;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    background-color: #808CA2;
    border:1px solid;
    border-top-color: black;
    border-left-color: black;
    border-right-color:black;
    border-bottom-color:black;
}
input.secondaryDisabledBtn{
    color: 808CA2;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    background-color: #ABA6A6;
    border:1px solid;
    border-top-color:   #696868;
    border-left-color:  #696868;
    border-right-color: #696868;
    border-bottom-color:#696868;
}


/***********************/
/* WIZARDS	           */
/***********************/
a.wizardVisited {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
    color: #808CA2;
}
a.wizardVisited:visited {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
    color: #6699CC;
}
a.wizardVisited:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
    color: #003399;
}
.wizardInactive {
    color: #ABA6A6;
    font-size: 9px;
}
.wizardActive {
    color: black;
    font-size: 9px;
}
